import { trigger, state, style, animate, transition, keyframes } from '@angular/animations';

export const cardAnim = trigger('card',[
    state('out', style({ transform: 'scale(1)','box-shadow':'none' })),
    // 定义另外一个状态
    state('hover', style({ transform: 'scale(1.1)','box-shadow':'4px 4px 6px 8px #ccc','z-index':'1000'})),
    // 定义运动过程(从out到hover状态)
    transition('out=>hover', animate('100ms ease-in')),
    // 定义运动过程(从hover到out)
    transition('hover=>out', animate('100ms ease-out')),
]);